/* 

	Skin

	Author:			
	Date:			  15 Dec, 2009

	Description:
	===============================================================
	Place styles that will affect the look and feel for your site.
	You should not have to modify reset.css, typography.css, grids.css
	or application.css if you are using the grids css system.

*/

body {
	color: #555;
}

#container {
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-right: 2px solid #d5d5d5;
	border-bottom: 2px solid #c5c5c5;
	margin: 2.30em auto;
	padding: 0.77em;
	width: 73.85em;
}

#pagetitle {
	border-bottom: 2px solid #e5e5e5;
	padding-bottom: 0.385em;
}

	#pagetitle span {
		color: #6b99bf;
	}

.clearfix {
	overflow: hidden;
	_overflow: visible;
	zoom: 1;
}

pre {
	background-color: #e5e5e5;
	margin-bottom: 0.77em;
	overflow: auto;
	padding: 0.77em;
}

table {
	background-color: #efefef;
	border-collapse: collapse;
	border-color: #999;
	width: 100%;
}

tr, td, th {
	border-color: #ccc;
}

tr:nth-child(even) {
	background-color: #f5f5f5;
}

th {
	background-color: #444;
	color: #fff;
}

table td:nth-child(3) {
	text-align: center;
	width: 100px;
}

/*
  Use the following style to modify the look and feel of the
  timer
*/

.timer_select {
	background-color: #eee;
	border: 3px solid #ccc;
	padding: 5px 0;
	position: absolute;
	left: 15px;
	top: 15px;
	width: 50px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

	.timer_select ul, .timer_select ul li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	.timer_select ul li {
		cursor: pointer;
		padding: 5px 0;
		text-align: center;
		width: 100%;
	}
